O layout padrão do site foi construído com as linguagens de marcação HTML e CSS, e a linguagem de programação JavaScript foi utilizada para a construção do menu responsivo.
As páginas terão como elementos padrões o menu de navegação, o header e o footer, além dos elementos de identidade visual citados abaixo:
- Cores: RGB: #3E497A, whitesmoke, goldenrod e white;
- Font-family: Arial, Helvetica, sans-serif e cursive.
- Font-size: 15px e 28px.
O código utilizado para a construção dos elementos citados, incluindo a responsividade, pode ser consultado aqui. As imagens e ícones utilizados no projeto estão disponíveis aqui.
Exibe informações sobre os livros, a imagem da capa e o contato do proprietário do livro.
Figura 1 - Tela de LivrosExibe informações sobre os tutores/alunos, disciplinas e contato.
Figura 2 - Tela de TutoriasPara a criação do logotipo do site foi utilizada a cor amarela, pois esta cor remete a aspectos do conhecimento e sabedoria (PATEL, 2021). A utilização da imagem de um marca-texto foi escolhida por ser algo presente no dia-a-dia dos estudantes.
Figura 3 - Logotipo da aplicação web Vida de Estudante